<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('新增批示信息')" />
    <th:block th:include="include :: datetimepicker-css" />
    <th:block th:include="include :: select2-css" />
    <th:block th:include="include :: bootstrap-select-css" />
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<!--    <form class="form-horizontal m" id="form-process-add">-->
<!--        <div class="form-group">-->
<!--            <label class="col-sm-3 control-label">批示内容：</label>-->
<!--            <div class="col-sm-8">-->
<!--                <textarea name="instructionContent" class="form-control"></textarea>-->
<!--            </div>-->
<!--        </div>-->

<!--        <input name="lkProjectId" th:value="${proId}" type="hidden">-->
<!--        <input name="lkProjectName" th:value="${proName}" type="hidden">-->
<!--    </form>-->
    <h4 class="form-header h4" style="margin: 0px">批示记录</h4>
    <div class="col-sm-12 select-table table-striped">
        <table id="bootstrap-table" data-mobile-responsive="true"></table>
    </div>
</div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: datetimepicker-js" />
<th:block th:include="include :: select2-js" />
<th:block th:include="include :: bootstrap-select-js" />
<script type="text/javascript">
    var prefix = ctx + "linkong/instructions"

    $(function() {
        var options = {
            url: ctx + "linkong/instructions/list/"+[[${proId}]],
            modalName: "批示",
            showSearch: false,
            showPageGo: false,
            showRefresh: false,
            showColumns: false,
            showToggle:false,
            columns: [
                {
                    field : 'lkProjectName',
                    title : '项目名称'
                },
                {
                    field : 'instructionsUserName',
                    title : '批示人'
                },
                {
                    field : 'instructionContent',
                    title : '批示内容'
                },
                {
                    field: 'createTime',
                    title: '创建时间',
                    align: "left"
                }
            ]
        };

        $.table.init(options);
    });
    $("#form-process-add").validate({
        focusCleanup: true
    });

    // function submitHandler() {
    //     var rows = $.table.selectFirstColumns();
    //     $("#projectIds").val(rows.join());
    //     if ($.validate.form()) {
    //         $.operate.save(prefix + "/add", $('#form-process-add').serialize());
    //     }
    // }
</script>
</body>
</html>